<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>业务配置</title>
    <link   rel="stylesheet"        th:href="@{/easyui/themes/default/easyui.css}" />
    <link   rel="stylesheet"        th:href="@{/easyui/themes/icon.css}" />
    <script type="text/javascript"  th:src="@{/easyui/jquery.min.js}" ></script>
    <script type="text/javascript"  th:src="@{/easyui/jquery.easyui.min.js}" ></script>
    <script type="text/javascript"  th:src="@{/easyui/locale/easyui-lang-zh_CN.js}" ></script>
    <style>
        body {
            padding: 0px;
            margin: 0px;
        }
    </style>
</head>
<body>
<div id="base_grid_toolbar">
    <a href="javascript:void(0)" class="icon-edit"  onclick="javascript:alert('edit')"></a>
</div>
<table id="base_grid" class="easyui-datagrid" title="公共按钮" data-options="url:'../utils/FormBaseButton.json',method:'get',singleSelect:true,collapsible:true,fitColumns:false,scrollbarSize:0,tools:'#base_grid_toolbar'">
    <thead>
    <tr>
        <th data-options="field:'id',width:80,align:'center'">序号</th>
        <th data-options="field:'btnName',align:'center',width:100">标识</th>
        <th data-options="field:'btnLabel',width:120,align:'center'">名称</th>
        <th data-options="field:'btnIcon',width:100,align:'center'">图标</th>
        <!--<th data-options="field:'attr1',width:80">类型</th>-->
        <th data-options="field:'isAble',width:80">是否可用</th>
        <th data-options="field:'btnSort',width:80,align:'center'">显示顺序</th>
        <th data-options="field:'btnAuthRoles',width:100,align:'center'">权限</th>
        <th data-options="field:'btnAction',width:80,align:'center'">动作</th>
        <th data-options="field:'btnActionScript',align:'center',width:100">动作脚本</th>
    </tr>
    </thead>
</table>
<div id="diy_grid_toolbar">
    <a href="javascript:void(0)" class="icon-add"   onclick="javascript:alert('add')"></a>
    <a href="javascript:void(0)" class="icon-edit"  onclick="javascript:alert('edit')"></a>
    <a href="javascript:void(0)" class="icon-cut"   onclick="javascript:alert('cut')"></a>
</div>
<table id="diy_datagrid" class="easyui-datagrid" title="自定义按钮" data-options="fit:true,singleSelect:true,collapsible:true,fitColumns:false,scrollbarSize:0,tools:'#diy_grid_toolbar'">
    <thead>
    <tr>
        <th data-options="field:'itemid',width:80,align:'center'">序号</th>
        <th data-options="field:'productid',width:100">标识</th>
        <th data-options="field:'listprice',width:120,align:'center'">名称</th>
        <th data-options="field:'unitcost',width:100,align:'center'">图标</th>
        <!--<th data-options="field:'attr1',width:80">类型</th>-->
        <th data-options="field:'attr2',width:80">是否可用</th>
        <th data-options="field:'status',width:80,align:'center'">显示顺序</th>
        <th data-options="field:'status1',width:100,align:'center'">权限</th>
        <th data-options="field:'status2',width:80,align:'center'">动作</th>
        <th data-options="field:'status3',align:'center',width:100">动作脚本</th>
    </tr>
    </thead>
</table>
</div>


</body>
</html>